﻿<!DOCTYPE html>
<style>
    body {
        font-family: Arial;
    }

    #menu {
        margin-top: 10px;
        height: 30px;
        padding: 0;
    }

        #menu ul, #menu li {
            padding: 0;
            margin: 0;
        }

        #menu li {
            position: relative;
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            #menu li a {
                width: 100px;
                height: 30px;
                display: block;
                text-decoration: none;
                text-align: center;
                line-height: 30px;
                background-color: #222222;
                color: white;
            }

        #menu ul ul li a {
            width: 200px;
            text-align: left;
            padding-left: 10px;
        }

        #menu li a:hover {
            background-color: red;
        }

        #menu ul ul {
            position: absolute;
            top: 30px;
        }

        #menu ul ul {
            position: absolute;
            top: 30px;
            left: 15px;
            visibility: hidden;
        }

        #menu ul li:hover ul {
            visibility: visible;
        }
</style>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <link href="~/CSS/IndexLayout.css" rel="stylesheet" type="text/css" />

</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("Hive Shop", "Index", "Home", new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                    @if (User.Identity.IsAuthenticated)
                    {
                     <li>@Html.ActionLink("Category", "Index", "Category")</li>
                    <li>@Html.ActionLink("Product", "Index", "Product")</li>
                         <li>@Html.ActionLink("ListOrder", "Index", "Lists")</li>
                   
                    }

                </ul>
                @Html.Partial("_LoginPartial")


                @*<div id="menu">
                    <ul>
                        <li>
                            @Html.ActionLink("Man Shoes", "Category")
                            <ul>
                                <li><a href="#">Running Shoes</a></li>
                                <li><a href="#">Basketball Shoes</a></li>
                                <li><a href="#">Lazy Shoes</a></li>
                                <li><a href="#">Sneakers</a></li>
                            </ul>
                        </li>
                        <li>
                            @Html.ActionLink("Woman Shoes", "Category")
                            <ul>
                                <li><a href="#">Slingback</a></li>
                                <li><a href="#">Mule</a></li>
                                <li><a href="#">Pumps</a></li>
                                <li><a href="#">Flats</a></li>
                                <li><a href="#">Clogs</a></li>
                            </ul>
                        </li>
                        <li>
                            @Html.ActionLink("Kid Shoes", "Category")
                            <ul>
                                <li><a>Clogs</a></li>
                                <li><a>Sport Shoes</a></li>
                                <li><a>Sneakers</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>*@
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()

    </div>
    
    <footer></footer>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>
